<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>

<body>
    <!-- 
        JS执行机制：
        为了解决这个问题，利用多核cpu的计算能力，HTML5提出WebWorker标准，
        允许javaScript脚本创建多个线程。于是，js中出现了同步和异步。

        同步：
        前一个任务结束之后在执行后一个任务，程序的执行顺序与任务排列顺序是一致的、同步的。

        异步：
        你在做一件事情时，因为这件事情会花费很多时间，在做这件事情的同时，你还可以去处理其他事情。

        他们的本质区别：这条流水线上个流程的执行顺序不同。
     -->
    <script>
     console.log(1);

     setTimeout(function() {
        console.log(3);
     },1000);

     console.log(2);
    </script>
</body>

</html>